# THML groups HTML 5.2. теги (имя тега, описание, значение свойства display)
## Метаданные документа

| &lt;html&gt;&lt;/html&gt;                | корневой элемент html-документа          | block                                    |
|------------------------------------------|------------------------------------------|------------------------------------------|
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;head&gt;&lt;/head&gt;</kbd> | контейнер для метаданных html-документа  | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">none</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;title&gt;&lt;/title&gt;</kbd> | заголовок / имя html-документа           | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">none</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;base&gt;</kbd> | базовый url-адрес, относительно которого вычисляются относительные адреса | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">none</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;link&gt;</kbd> | подключает внешние таблицы стилей        | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">none</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;meta&gt;</kbd> | мета-данные веб-страницы                 | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">none</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;style&gt;&lt;/style&gt;</kbd> | подключает таблицы стилей                | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">none</kbd> |


## Секционные элементы

| &lt;body&gt;&lt;/body&gt;                | тело html-документа                      | block                                    |
|------------------------------------------|------------------------------------------|------------------------------------------|
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;article&gt;&lt;/article&gt;</kbd> | раздел контента, образующий независимую часть документа или сайта | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">block</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;section&gt;&lt;/section&gt;</kbd> | логическая область (раздел) страницы, обычно с заголовком | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">block</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;nav&gt;&lt;/nav&gt;</kbd> | раздел документа, содержащий навигационные ссылки по сайту | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">block</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;aside&gt;&lt;/aside&gt;</kbd> | контент страницы, имеющий косвенное отношение к основному контенту | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">block</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;h1&gt;&lt;/h1&gt; - &lt;h6&gt;&lt;/h6&gt;</kbd> | заголовки шести уровней                  | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">block</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;header&gt;&lt;/header&gt;</kbd> | секция для вводной информации сайта или группы навигационных ссылок | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">block</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;footer&gt;&lt;/footer&gt;</kbd> | секция для нижнего колонтитула документа или раздела | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">block</kbd> |

## Группировка содержимого

| &lt;p&gt;&lt;/p&gt;                      | параграфы в тексте                       | block                                    |
|------------------------------------------|------------------------------------------|------------------------------------------|
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;address&gt;&lt;/address&gt;</kbd> | контактные данные автора документа или статьи | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">block</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;hr&gt;</kbd> | горизонтальная линия                     | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">block</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;pre&gt;&lt;/pre&gt;</kbd> | выводит текст с пробелами и переносами   | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">block</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;blockquote&gt;&lt;/blockquote&gt;</kbd> | большая цитата                           | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">block</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;ol&gt;&lt;/ol&gt;</kbd> | упорядоченный нумерованный список        | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">block</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;ul&gt;&lt;/ul&gt;</kbd> | маркированный список                     | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">block</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;li&gt;&lt;/li&gt;</kbd> | элемент списка                           | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">list-item</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;dl&gt;&lt;/dl&gt;</kbd> | контейнер для термина и его описания     | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">block</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;dt&gt;&lt;/dt&gt;</kbd> | задаёт термин                            | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">block</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;dd&gt;&lt;/dd&gt;</kbd> | расшифровывает термин                    | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">block</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;figure&gt;&lt;/figure&gt;</kbd> | независимый контейнер для такого контента как изображения, диаграммы и т.п. | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">block</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;figcaption&gt;&lt;/figcaption&gt;</kbd> | заголовок для элемента &lt;figure&gt;    | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">block</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;main&gt;&lt;/main&gt;</kbd> | контейнер для уникального основного содержимого в пределах одной страницы сайта | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">block</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;div&gt;&lt;/div&gt;</kbd> | контейнер для разделов html-документа, группирует блочные элементы | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">block</kbd> |

## Табличные данные

| &lt;table&gt;&lt;/table&gt;              | html-таблица                             | table                                    |
|------------------------------------------|------------------------------------------|------------------------------------------|
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;caption&gt;&lt;/caption&gt;</kbd> | подпись к таблице                        | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">table-caption</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;colgroup&gt;&lt;/colgroup&gt;</kbd> | контейнер для одного или нескольких &lt;col&gt; | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">table-column-group</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;col&gt;</kbd> | выбирает для форматирования столбцы      | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">table-column</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;thead&gt;&lt;/thead&gt;</kbd> | блок заголовков таблицы                  | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">table-header-group</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;tbody&gt;&lt;/tbody&gt;</kbd> | тело таблицы                             | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">table-row-group</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;tfoot&gt;&lt;/tfoot&gt;</kbd> | нижний колонтитул таблицы                | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">table-footer-group</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;tr&gt;&lt;/tr&gt;</kbd> | строка таблицы                           | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">table-row</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;th&gt;&lt;/th&gt;</kbd> | заголовок столбца таблицы                | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">table-cell</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;td&gt;&lt;/td&gt;</kbd> | ячейка таблицы                           | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">table-cell</kbd> |

## Интерактивные элементы

| &lt;details&gt;&lt;/details&gt;          | контейнер с дополнительными сведениями, который можно открыть или закрыть | block                                    |
|------------------------------------------|------------------------------------------|------------------------------------------|
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;summary&gt;&lt;/summary&gt;</kbd> | видимый заголовок для элемента &lt;details&gt; | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">block</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;dialog&gt;&lt;/dialog&gt;</kbd> | диалоговое окно, инспектор или окно      | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">block</kbd> |

## Скрипты

| &lt;script&gt;&lt;/script&gt;            | подключает сценарии к странице           | none                                     |
|------------------------------------------|------------------------------------------|------------------------------------------|
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;noscript&gt;&lt;/noscript&gt;</kbd> | секция, не поддерживающая скрипт         | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">block</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;template&gt;&lt;/template&gt;</kbd> | фрагменты HTML-кода, которые могут быть клонированы и вставлены в документ скриптом | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">none</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;canvas&gt;&lt;/canvas&gt;</kbd> | холст-контейнер для динамического отображения изображений | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">inline-block</kbd> |

## Встроенное содержимое

| &lt;picture&gt;&lt;/pictire&gt;          | контейнер для одного &lt;img&gt; и ноль или больше &lt;source&gt; | inline                                   |
|------------------------------------------|------------------------------------------|------------------------------------------|
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;source&gt;</kbd> | местоположение и тип альтернативных медиаресурсов для элементов<span> </span><kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;picture&gt;</kbd>,<span> </span><kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;video&gt;</kbd>,<span> </span><kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;audio&gt;</kbd> | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">none</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;img&gt;</kbd> | html-изображения                         | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">inline</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;iframe&gt;&lt;/iframe&gt;</kbd> | создаёт встроенный фрейм                 | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">block</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;embed&gt;</kbd> | встраивает внешний интерактивный контент или плагин | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">inline-block</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;object&gt;&lt;/object&gt;</kbd> | контейнер для встраивания мультимедиа    | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">inline-block</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;param&gt;</kbd> | задаёт параметры для плагинов, встраиваемых с помощью элемента &lt;object&gt; | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">none</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;audio&gt;&lt;/audio&gt;</kbd> | добавляет аудио-файлы                    | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">inline-block</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;video&gt;&lt;/video&gt;</kbd> | добавляет видео-файлы                    | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">inline-block</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;track&gt;</kbd> | субтитры для элементов &lt;audio&gt; и &lt;video&gt; | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">none</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;map&gt;&lt;/map&gt;</kbd> | активные области на карте-изображении    | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">inline</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;area&gt;</kbd> | гиперссылка с текстом или активная область внутри карты-изображения | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">inline</kbd> |

## Семантика текста

| &lt;a&gt;&lt;/a&gt;                      | гиперссылка                              | inline                                   |
|------------------------------------------|------------------------------------------|------------------------------------------|
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;em&gt;&lt;/em&gt;</kbd> | выделяет важные фрагменты текста курсивом | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">inline</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;strong&gt;&lt;/strong&gt;</kbd> | выделяет полужирным важный текст         | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">inline</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;small&gt;&lt;/small&gt;</kbd> | отображает текст шрифтом меньшего размера | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">inline</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;s&gt;&lt;/s&gt;</kbd> | перечёркивает неактуальный текст         | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">inline</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;cite&gt;&lt;/cite&gt;</kbd> | источник цитирования                     | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">inline</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;q&gt;&lt;/q&gt;</kbd> | краткая цитата                           | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">inline</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;dfn&gt;&lt;/dfn&gt;</kbd> | выделяет термин курсивом                 | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">inline</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;abbr&gt;&lt;/abbr&gt;</kbd> | аббревиатура или акроним                 | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">none</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;ruby&gt;&lt;/ruby&gt;</kbd> | контейнер для Восточно-Азиатских символов и их расшифровки | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">inline</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;rb&gt;&lt;/rb&gt;</kbd> | обертка для аннотации                    | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">inline</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;rp&gt;&lt;/rp&gt;</kbd> | тег для скобок вокруг символов           | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">none</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;rt&gt;&lt;/rt&gt;</kbd> | расшифровка символов                     | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">block</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;rtc&gt;&lt;/rtc&gt;</kbd> | обертка для дополнительной аннотации     | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">inline</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;data&gt;&lt;/data&gt;</kbd> | связывает содержимое с машиночитаемым переводом | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">inline</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;time&gt;&lt;/time&gt;</kbd> | дата / время документа или статьи        | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">inline</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;code&gt;&lt;/code&gt;</kbd> | фрагмент программного кода               | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">inline</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;var&gt;&lt;/var&gt;</kbd> | выделяет переменные из программ          | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">inline</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;samp&gt;&lt;/samp&gt;</kbd> | результат выполнения сценария            | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">inline</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;kbd&gt;&lt;/kbd&gt;</kbd> | текст, вводимый пользователем с клавиатуры | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">inline</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;sub&gt;&lt;/sub&gt;</kbd> | подстрочное написание символов           | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">inline</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;sup&gt;&lt;/sup&gt;</kbd> | надстрочное написание символов           | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">inline</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;i&gt;&lt;/i&gt;</kbd> | выделяет текст курсивом без акцента      | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">inline</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;b&gt;&lt;/b&gt;</kbd> | задает полужирное начертание отрывка текста, без дополнительного акцента | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">inline</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;u&gt;&lt;/u&gt;</kbd> | выделяет отрывок текста подчёркиванием, без дополнительного акцента | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">inline</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;mark&gt;&lt;/mark&gt;</kbd> | выделяет фрагменты текста желтым фоном   | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">inline</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;bdi&gt;&lt;/bdi&gt;</kbd> | изолирует текст, читаемый справа налево  | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">inline</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;bdo&gt;&lt;/bdo&gt;</kbd> | задаёт направление написания текста      | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">inline</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;span&gt;&lt;/span&gt;</kbd> | контейнер для строчных элементов         | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">inline</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;br&gt;</kbd> | перенос текста на новую строку           | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">none</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;wbr&gt;</kbd> | возможное место разрыва длинной строки   | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">none</kbd> |

## Правки в тексте

| &lt;del&gt;&lt;/del&gt;                  | перечёркивает текст, помечая как удаленный | inline                                   |
|------------------------------------------|------------------------------------------|------------------------------------------|
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;ins&gt;&lt;/ins&gt;</kbd> | подчёркивает изменения в тексте          | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">inline</kbd> |

## Формы

| &lt;form&gt;&lt;/form&gt;                | html-форма                               | block                                    |
|------------------------------------------|------------------------------------------|------------------------------------------|
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;label&gt;&lt;/label&gt;</kbd> | текстовая метка для элемента &lt;input&gt; | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">inline</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;input&gt;</kbd> | многофункциональные поля формы           | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">inline-block</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;button&gt;&lt;/button&gt;</kbd> | интерактивная кнопка                     | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">inline-block</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;select&gt;&lt;/select&gt;</kbd> | элемент управления с выбором значений из предложенных вариантов &lt;option&gt; | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">inline-block</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;datalist&gt;&lt;/datalist&gt;</kbd> | контейнер для выпадающего списка элемента &lt;input&gt; с &lt;option&gt;-значениями | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">none</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;optgroup&gt;&lt;/optgroup&gt;</kbd> | контейнер с заголовком для группы элементов &lt;option&gt; | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">block</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;option&gt;&lt;/option&gt;</kbd> | вариант (опция) в раскрывающемся списке  | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">block</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;textarea&gt;</kbd> | многострочное поле формы                 | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">inline-block</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;output&gt;&lt;/output&gt;</kbd> | поле для вывода результата вычисления    | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">inline</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;progress&gt;&lt;/progress&gt;</kbd> | индикатор выполнения задачи              | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">inline-block</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;meter&gt;&lt;/meter&gt;</kbd> | индикатор измерения в заданном диапазоне | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">inline-block</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;fieldset&gt;&lt;/fieldset&gt;</kbd> | группирует связанные элементы в форме    | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">block</kbd> |
| <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">&lt;legend&gt;&lt;/legend&gt;</kbd> | заголовок элементов формы, сгруппированных с помощью &lt;fieldset&gt; | <kbd style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: &quot;PT Mono&quot;; color: rgb(0, 161, 155);">block</kbd> |
